:root {
	--totalWid: 100%;
	--themeColor: #00bdff;
}

html,
body {
	width: var(--totalWid);
	background-color: #f3f5f8;
}

/* 头部 */
#header {
	height: 68px;
	width: 100%;
	background-color: white;
	line-height: 68px;
	min-width: 1200px;
}
#header p {
	font-size: 14px;
	color: #8e8e8e;
}
#header p > a {
	color: var(--themeColor);
}
/* 主体 */
main #register {
	width: 1000px;
	height: 670px;
	background-color: white;
	margin-top: 80px;
}

/* 注册表单 */
form {
	width: 420px;
	height: 528px;
	/* background-color: skyblue; */
}
form h1 {
	font-size: 30px;
	line-height: 40px;
	color: #524848;
}
form h2 {
	font-size: 20px;
	color: #626462;
	margin-bottom: 10px;
}
form > button {
	width: 420px;
	/* height: 30px; */
	line-height: 30px;
	background-color: #ed510a;
	color: white;
	font-size: 14px;
	border: 1px solid #ed510a;
	text-align: left;
	padding-left: 40px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

form input:nth-child(4) {
	width: 420px;
	height: 40px;
	padding-left: 10px;
	box-sizing: border-box;
}

form input:nth-child(5) {
	width: 420px;
	height: 40px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 26px 0;
}
form #getCode {
	width: 420px;
	height: 40px;
}
form #getCode input {
	width: 300px;
	height: 40px;
	padding-left: 10px;
	box-sizing: border-box;
}
form #getCode button {
	top: 0;
	right: 0;
	width: 121px;
	height: 40px;
}

form input:nth-child(7) {
	width: 420px;
	height: 40px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 26px 0;
}
form #agreement {
	display: flex;
	width: 420px;
	/* height: 20px; */
	/* line-height: 20px; */
	font-size: 14px;
	margin-bottom: 30px;
}

/* 立即注册 */
form input:last-child {
	width: 420px;
	height: 46px;
	background-color: #e0e0e0;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	color: #696e76;
	font-size: 16px;
}
